<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>用户注册</title>

    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/easyui/themes/default/easyui.css" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/easyui/themes/icon.css" />
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/easyui/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/common/RSAUtils.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/page/register/register.js"></script>
    
    <style type="text/css">
    	.register_label {
    		font-size: 15px;
    		width: 100px;
    		display:inline-block;
    		text-align: right;
    	}
    	.register_line{
    		margin-top: 10px;
    		width: 100%;
    	}
    </style>
</head>
<body>
<div align="center" style="padding-top: 100px;">
	<div id="divLogin" class="easyui-panel" title="用户注册" style="width:500px;padding:10px;">
	<form id="frmRegister" method="post" enctype="multipart/form-data">
	<div>
		<div class="register_line">
			<label for="txtUserName" class="register_label">用户名：</label>
			<input id="txtUserName" type="text"  name="userName"  class="easyui-textbox" data-options="required:true,validType:['userNameUnused','userNameValidity']">
		</div>
		<div class="register_line">
			<label for="txtPassword" class="register_label">密码：</label>
			<input id="txtPassword" type="password"  name="password"  class="easyui-textbox" data-options="required:true">
		</div>
		<div class="register_line">
			<label for="confirmPwd" class="register_label">确认密码：</label>
			<input id="confirmPwd" type="password"  name="confirmPwd"  class="easyui-textbox" data-options="required:true,validType:['equalTo[\'#txtPassword\']']">
		</div>
		<div class="register_line">
			<label for="imgCode" class="register_label">验证码：</label>
			<input id="imgCode" type="text" size="9"  name="imgCode" class="easyui-textbox" data-options="required:true">
			<img id="imgSignCode" src="../signcode/get" onclick="reloadCode()" title="重新获取" style="cursor:pointer;" />
		</div>
		<div class="register_line">
			<label class="register_label">用户类型：</label>
			<input type="radio" id="txtUserRoleGeneral" name="roleId" value="3" checked="checked" onclick="showRoleInfo('')">普通用户
			<input type="radio" id="txtUserRoleDoctor" name="roleId" value="2" onclick="showRoleInfo('Doctor')">医生
		</div>
	</div>
	<div id="divRoleDoctor" style="display: none;">
		<div class="register_line">
			<label for="txtname" class="register_label">姓名：</label>
			<input id="txtname" class="easyui-textbox" type="text"  name="name"  data-options="required:true" style="width:170px;"/>
		</div>
		<div class="register_line">
			<label for="headerImg" class="register_label">照片：</label>
			<input id="headerImg" name="headerImg" type="file"/>
		</div>
		<div class="register_line">
			<label for="txtEmail" class="register_label">电子邮件：</label>
			<input id="txtEmail" class="easyui-textbox" data-options="validType:['email']" type="text" name="email" style="width:170px;">
		</div>
		<div class="register_line">
			<label for="hospitalId" class="register_label">所在医院：</label>
			<select id="hospitalId"  name="hospitalId" class="easyui-combobox" data-options="valueField:'id',textField:'name',onSelect:createSelDepartment" data-inline="true" data-mini="true" style="width:170px;">   
             <option value="">请选择</option>   	
            </select>
		</div>
		<div class="register_line">
			<label for="departmentId" class="register_label">所在科室：</label>
			<select id="departmentId"  name="departmentId" class="easyui-combobox" data-options="valueField:'id',textField:'name'" data-inline="true" data-mini="true" style="width:170px;">   
             <option value="">请选择</option>   	
            </select>
		</div>
		<div class="register_line">
			<label for="txtIntroduction" class="register_label">简介：</label>
			<textarea id="txtIntroduction" name="introduction" class="easyui-textbox" data-options="multiline:true" style="width: 300px; height:100px;"></textarea>
		</div>
	</div>
	<div align="center" style="margin-top: 10px;">
		<a  href="#" class="easyui-linkbutton" onclick="javascript:registerSubmit()" style="height: 30px;width: 60px;font-size: 16;text-align: center;">提交</a>  
	</div>
	</form>
	</div>
</div>
</body>
</html>